<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>{$title}</title>
    <meta http-equiv="X-UA-Compatible" content="IE=edge,Chrome=1"/>
    <meta name="viewport" content="width=device-width,initial-scale=1,maximum-scale=1,user-scalable=no,viewport-fit=cover">
    <style>
        *{
            margin: 0;
            padding: 0;
        }
        html{
            font: 14px SimSun,\5B8B\4F53,serif;
            width: 100%;
            height: 100%;
        }
        body{
            line-height: 1rem;
            height: 100%;
            background-color: #fffafa;
            width: 100%;
        }
        a{
            text-decoration: none;
        }
        img{
            border: none;
            width: 100%;
        }
        .wrapper{
            width: 100%;
            max-width: 768px;
            margin: 0 auto;
            padding: 2rem 0 5rem;
            overflow: hidden;
        }
        .wrapper .header{
            width: 60%;
            margin:0 auto;
        }
        .wrapper .header{
            width: 60%;
            margin:0 auto;
        }
        .wrapper .footer{
            position: fixed;
            bottom: 0.7rem;
            left: 0;
            right: 0;
            width: 100%;
        }
        .wrapper .footer .center{
            width: 23.75rem;
            height: 4.43rem;
            margin: 0 auto;
            background: #fff;
            border-radius: 0.71rem;
            font-family: "PingFang SC";
        }
        .wrapper .footer .left{
            float: left;
        }
        .wrapper .footer .left img{
            width: 2.93rem;
            margin: 0.75rem;
        }
        .wrapper .footer .middle{
            float: left;
            color: #333;
            margin: 0.93rem 0 0 1.2rem;
        }
        .wrapper .footer .middle .title{
            font-weight: bold;
            font-size: 1.29rem;
        }
        .wrapper .footer .middle .desc{
            margin-top: 0.5rem;
            font-size: 0.93rem;
        }
        .wrapper .footer .right{
            float: right;
        }
        .wrapper .footer .right .button{
            width: 6rem;
            height: 2.6rem;
            line-height: 2.6rem;
            text-align: center;
            background: #00d1c8;
            color: #ffffff;
            border-radius: 0.71rem;
            display: inline-block;
            margin: 0.75rem;
        }

    </style>
    <script src="https://res.wx.qq.com/open/js/jweixin-1.2.0.js"></script>
    <script>
        var _hmt = _hmt || [];
        (function() {
            var hm = document.createElement("script");
            hm.src = "https://hm.baidu.com/hm.js?11869969a3b6834ebb1d5b9f3d9c7a5f";
            var s = document.getElementsByTagName("script")[0];
            s.parentNode.insertBefore(hm, s);
        })();
    </script>
</head>
<body>
<div class="wrapper">
    <div class="header">
        <img src="/static/valentine/img/composite-header.png" alt="">
    </div>
    <div class="body">
        <img src="/static/valentine/img/composite-body.png" alt="">
    </div>
    <div class="footer">
        <div class="center">
            <div class="left">
                <img src="/static/valentine/img/logo.png" alt="">
            </div>
            <div class="middle">
                <div class="title">准了APP</div>
                <div class="desc">星座爱好者都在用的APP</div>
            </div>
            <div class="right">
                <a href="javascript:;" class="button" id="btn">立即打开</a>
            </div>
        </div>
    </div>
</div>
<script>
    var download_url = 'http://www.goddessxzns.com';
    var btn = document.getElementById('btn');
    btn.onclick = function(){
        if (navigator.userAgent.match(/(iPhone|iPod|iPad);?/i)) {
            // alert('Iphone')
            var loadDateTime = new Date();
            window.setTimeout(function() {
                    var timeOutDateTime = new Date();
                    if (timeOutDateTime - loadDateTime < 5000) {
                        window.location = download_url;
                    } else {
                        window.close();
                    }
                },
                25);
            window.location = "iOSXZNSGoddessZhunle://";
        } else if (navigator.userAgent.match(/android/i)) {
            window.location = 'http://a.app.qq.com/o/simple.jsp?pkgname=com.constellation.goddess';
        }
    };
    wx.config({
        debug: false,
        appId: '{$signPackage.appId}',
        timestamp: {$signPackage.timestamp},
        nonceStr: '{$signPackage.nonceStr}',
        signature: '{$signPackage.signature}',
        jsApiList: ['onMenuShareTimeline','onMenuShareAppMessage']
    });
    wx.ready(function(){
        wx.onMenuShareAppMessage({
            title: '{$share_title}',
            desc: '{$share_introduction}',
            link: '{$signPackage.url}',
            imgUrl: 'https://oss.goddessxzns.com/picture/uploads/logo.png?x-oss-process=style/show',
            type: 'link',
            dataUrl: '',
            success: function () {

            },
            cancel: function () {

            }
        });
        wx.onMenuShareTimeline({
            title: '{$share_title}',
            link: '{$signPackage.url}',
            imgUrl: 'https://oss.goddessxzns.com/picture/uploads/logo.png?x-oss-process=style/show',
            success: function () {

            },
            cancel: function () {

            }
        });
    });
</script>
{include file="../apps/web/view/public/sensors.html" /}
</body>
</html>
